<%@ page contentType="text/html;charset=UTF-8" language="java"%>

<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/tld/struts-html-el.tld" prefix="html-el"%>



<script language="javascript" type="text/javascript" src="/CopSoftware/modules/denuncias/procesos/js/datetimepicker.js"></script>
	<script language="javascript"> 
	var flagVisa = 0;     
	function trim(cadena)
	{
		var indice=0;
		var cadAux="";
		if (cadena!=null)
			while (indice<cadena.length)
			{
				var c=cadena.charAt(indice);
				if (c!=' ') 
				{
					cadAux+=c; 
				}
				indice++;
			}
		return cadAux;
	}
	
	function mostrarCamposDenuncia(condicion){

		obj = document.getElementById("camposRobo");
		obj = obj.style;
		obj.display='none';
		
		obj = document.getElementById("camposAcTrans");
		obj = obj.style;
		obj.display='none';
		
		obj = document.getElementById("camposPerDoc");
		obj = obj.style;
		obj.display='none';

		if (condicion == '1'){
		obj = document.getElementById("camposRobo");
		obj = obj.style;
		obj.display='block';
		}
		
		if (condicion == '2'){
		obj = document.getElementById("camposAcTrans");
		obj = obj.style;
		obj.display='block';
		}
		
		if (condicion == '3'){
		obj = document.getElementById("camposPerDoc");
		obj = obj.style;
		obj.display='block';
		}
	}


</script>

<div align="center">

	<table width="712">


		<tbody>

			<tr>

				<td width="686">
					<bean:message key="formDetalleDenunciaPage.title" />
				</td>
			</tr>

		</tbody>
	</table>

	<html:errors />

	<table border="0" width="73%">

		<tbody>

			<tr>

				<td height="41">
					<bean:message key="formDetalleDenunciaPage.subTitle1" />
				</td>
			</tr>

		</tbody>
	</table>

	<table width="717" height="41" border="0"
		style="width: 701px; height: 50px;">

		<tbody>

			<tr>

				<td width="7%" height="37">
					<bean:message key="formDetalle.codigo" />
				</td>
				<html-el:form action="/buscarPersona" focus="nombre" method="GET">
					<td width="22%">
						<html:text property="codigo" readonly="true" />
					</td>
					<td width="9%">
						<bean:message key="formDetalle.nombre" />
					</td>
					<td width="36%">
						<html:text property="nombre" />
					</td>
					<td width="26%">
						<html:image property="btnBuscar" srcKey="image.buscar"
							altKey="image.buscar.alttext" bundle="bundle.image" />
							
					</td>
					<html:hidden property="tipoPersona" value="1" />
				</html-el:form>
			</tr>
		</tbody>
	</table>

	<table width="73%" border="0" class="style1">

		<tbody>

			<tr>

				<td> 
					Detalle de denuncia 
				</td>
			</tr><tr><td valign="top"><br></td></tr>

		</tbody>
	</table>

	<table width="691" border="0" style="width: 712px; height: 39px;">

		<tbody>

<tr>

				<td width="14%" height="37">
					Fecha				</td>

				<td width="28%" ><input id="fechaIni"  type="text" size="25">
            <a href="javascript:NewCal('fechaIni','fechaFin','ddmmyyyy',true,'12')">
             
             <html:image property="btnFechaHora" srcKey="image.fechaHora"
							altKey="image.fechaHora.alttext" bundle="bundle.image" />
							
            </a> </td>
				<td width="10%">
					Hora				</td>

			    <td width="48%" ><input id="fechaFin" type="text" size="25">
			</tr>

		</tbody>
	</table>
	<html-el:form action="/mostrarLocalizacion" method="GET">
		<table width="715" border="0" style="width: 712px; height: 38px;">
			<tbody>
				<tr>
					<td width="14%">
						Ubicaci&oacute;n
					</td>

					<td width="86%">
						<html:image property="btnLocalizar" altKey="Localizar Delito"
							srcKey="image.localizar" bundle="bundle.image"></html:image>
					</td>
				</tr>
			</tbody>
		</table>

		<table width="715" border="0" style="width: 712px; height: 38px;">

			<tbody>

				<tr>

					<td width="14%">
						Direcci&oacute;n
					</td>

					<td width="86%">
						<input type="text" size="50" maxlength="50" />
						<html:hidden property="CLugar" />
						<br>
					</td>

				</tr>

			</tbody>
		</table>
	</html-el:form>
	<html-el:form action="/registrarDenuncia" method="GET">

		<table width="72%" border="0" style="width: 100%;">



			<tbody>

				<tr>

					<td width="11%" style="width: 14%;">
						&nbsp;Tipo de denuncia
					</td>


					<td width="89%" style="width: 100%;">
						<html:select property="CTipoDelito" onchange ="mostrarCamposDenuncia(value)">
							<html:options collection="TIPO_DELITO" property="value"
								labelProperty="label" />
						</html:select>
					</td>
				</tr>
			</tbody>
		</table>
		
		<!-- ---------------------------------------------------------------- -->
		<!-- DIVISION ACCIDENTES DE TRANSITO  -->
		<!-- ---------------------------------------------------------------- -->
		<div id="camposAcTrans" style="display: none;"> 
		<table border="0" width="73%">

			<tbody>

				<tr>

					<td>
						<strong>Accidentes de transito </strong>
					</td>
				</tr>

			</tbody>
		</table>

		<table style="width: 713px; height: 35px;">

			<tbody>

				<tr>

					<td style="width: 18%;">
						Nro de pasajeros
						<br />

					</td>

					<td style="width: 14%;">
						<html:text property="NPersonas"></html:text>
					</td>

					<td style="width: 12%;">
						Nro de heridos
					</td>

					<td style="width: 14%;">
						<html:text property="NHeridos"></html:text>
					</td>

					<td style="width: 12%;">
						Nro de victimas
					</td>

					<td style="width: 34%;">
						<html:text property="NVictimas"></html:text>
					</td>

				</tr>

			</tbody>
		</table>
		 </div> 
		 <!-- FIN---------------------------------------------------------------- -->
		 
		 <!-- ---------------------------------------------------------------- -->
		<!-- DIVISION PÉRDIDA DE DOCUMENTOS -->
		<!-- ---------------------------------------------------------------- -->
		 <div id="camposPerDoc" style="display: none;"> 
		<table border="0" width="73%">

			<tbody>

				<tr>

					<td class="foodCeldaTitulo">
						<strong> P&eacute;rdida de documentos</strong>
					</td>

				</tr>

			</tbody>
		</table>

		<table style="width: 713px; height: 32px;">

			<tbody>

				<tr>

					<td width="15%" style="width: 14%;">
						&nbsp;Tipo de documento
					</td>

					<td width="85%" style="width: 100%;">
						&nbsp;
						<html:select property="CTipoDocumento">
							<html:option value="0">Todos</html:option>
							<html:options collection="TIPO_DOCUMENTO" property="value"
								labelProperty="label" />
						</html:select>
					</td>
				</tr>
			</tbody>
		</table>
		</div>
		<!-- FIN---------------------------------------------------------------- -->
	
		<!-- ---------------------------------------------------------------- -->
		<!-- DIVISION ROBO  -->
		<!-- ---------------------------------------------------------------- -->
		
		<div id="camposRobo" style="display: block;"> 
		<table border="0" width="73%">

			<tbody>

				<tr>

					<td class="Estilo20 notice">
						<strong>Robo</strong>
					</td>
				</tr>

			</tbody>
		</table>

		<table style="width: 713px; height: 37px;">

			<tbody>

				<tr>

					<td style="width: 14%;">
						&nbsp;Tipo de robo
					</td>

					<td style="width: 86%;">
						<html:select property="CSubTipoDelito">
							<html:options collection="SUBTIPO_ROBO" property="value"
								labelProperty="label" />
						</html:select>

						&nbsp;
					</td>

				</tr>

			</tbody>
		</table>

		<table style="width: 713px; height: 32px;">

			<tbody>

				<tr>

					<td width="14%" style="width: 14%;">
						Nro de asaltantes
						<br />
					</td>

					<td width="23%" style="width: 31%;">
						<html:text property="NPersonas"></html:text>
					</td>
					<td width="11%" style="width: 14%;">
						Nro de victimas
					</td>

					<td width="52%" style="width: 58%;">
						<html:text property="NVictimas"></html:text>
						<br>
					</td>
				</tr>
			</tbody>
		</table>

		<table style="width: 713px; height: 45px;">

			<tbody>

				<tr>

					<td style="width: 14%;">
						&nbsp;Tipo de arma
					</td>

					<td style="width: 30%;">
						<select name="tipoDenuncia">
							<option>
								Arma blanca
							</option>
							<option>
								Arma punzante
							</option>
						</select>

						&nbsp;
					</td>

					<td style="width: 16%;">
						Nro de armas
					</td>

					<td>
						<html:text property="NHeridos"></html:text>
					</td>

				</tr>

			</tbody>
		</table>

		</div>
		
		<!-- FIN ---------------------------------------------------------------- -->
		
		<table style="width: 713px; height: 37px;">

			<tbody>

				<tr>

					<td height="54" style="width: 14%;">
						&nbsp;Descripci&oacute;n de los &nbsp;hechos
					</td>

					<td style="width: 86%;">
						<html:textarea property="XDetallehecho" cols="70" rows="10">
						</html:textarea>

					</td>

				</tr>

			</tbody>
		</table>

		<table style="width: 713px; height: 37px;">

			<tbody>

				<tr>

					<td style="width: 14%;">
						Informaci&oacute;n Adicional
					</td>

					<td style="width: 86%;">
						<html:textarea property="XObservacion" cols="70" rows="3">
						</html:textarea>
					</td>

				</tr>

			</tbody>
		</table>

		<table border="0" width="434" height="34">

			<tbody>

				<tr>

					<td width="41%">
						<html:image property="btnRegistrar" srcKey="image.registrar"
							altKey="image.registrar.alttext" bundle="bundle.image" />
					</td>

					<td width="59%">
						<html:image property="btnCancelar" srcKey="image.cancelar"
							altKey="image.cancelar.alttext" bundle="bundle.image" />
					</td>
				</tr>
			</tbody>
		</table>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>
	</html-el:form>
</div>
